<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
	</head>
	<!--html部分 -->
	<style>
		/*css注释方法*/
		/*css部分：选择器：抓取页面元素，元素增加效果
		          选择器{
					  属性：属性值;
					  属性：属性值;
				  }
	    */
	   p{
		   width:200px;
		   height: 200px;
		   background: #aa0204;/*16进制色值*/
	   }
	</style>
	<body>
		<!--①内联样式表【开发不用:没有真正实现内容与样式分离】
		语法：前标记 style="属性：属性值；属性：属性值;...."
		-->
		<div style="withd:300px;height:300px;background:red"></div>-->
		<!--②内部样式表 【开发不用：练习专用】
		html部分：在head元素中，添加style元素
		css部分：在style元素，添加css样式
		-->
		<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui earum voluptate cumque atque neque aut obcaecati. Possimus qui, ab excepturi ad nam necessitatibus pariatur fuga quidem dolor quaerat dignissimos magni!</p>
	</body>
</html>